<template>
  <div>
    <mt-header title="我的主页">
      <router-link to="" slot="right">
        <mt-button icon="more"></mt-button>
      </router-link>
    </mt-header>
    <mt-search style="height:100px" v-model="value" cancel-text="取消" placeholder="搜索知乎内容"></mt-search>
    <div class="mycontent">
        <ul>
            <li>创作中心</li>
            <li>关注</li>
            <li>收藏夹</li>
            <li>最近浏览</li>
        </ul>
        <mt-button plain type="primary" size="large" class="btn" @click="login">登录</mt-button>
        <mt-button type="primary" size="large" class="btn" @click="registry">注册</mt-button>
    </div>
    
  </div>
</template>
<script>
import footer from "../components/footer.vue";
export default {
  components: { myfooter: footer },
  data(){
      return{
          value:""
      }
  },
  methods:{
    registry(){
      this.$router.push('/registry')
    },
    login(){
      this.$router.push('/login')
    }
  }
};
</script>
<style scoped>
.mycontent{
    width: 90%;
    height: 250px;
    background-color: #CCCCFF;
    margin: 0 auto;
    border-radius: 10px;
}
.btn{
    width: 300px;
    margin: 4px auto;

}
ul{
   display: block;
   height: 150px;
   line-height: 150px;
   
}
li{
    float: left;
    width: 90px;
}
</style>
